<template>
  <div>
    <div class="Hotelcounter-div" v-for="item in list" :key="item">
      <p>201800001</p>
      <span>已绑定房间302</span>
    </div>
  </div>
</template>

<script>
// 启用柜机
export default {
  name: 'Enabled',
  data () {
    return {
      list: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10']
    }
  },
  created: () => {
    document.title = '已启用柜机'
  }
}
</script>

<style lang='scss' scoped>
.Hotelcounter-div {
  width: 100%;
  height: 8.23vh;
  background: rgba(255, 255, 255, 1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  p {
    margin-left: 3.46vw;
    font-size: 4.5vw;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    color: rgba(22, 22, 22, 1);
  }
  span {
    margin-right: 3.46vw;
    font-size:3.73vw;
    font-family:SourceHanSansCN-Regular;
    font-weight:400;
    color:rgba(168,168,168,1);
  }
}
</style>
